@charset "UTF-8";


/* 头部菜单栏 */
#meau {
    position: relative;
}

.meau-nav {
    width: 200px;
    height: 470px;
    background-color: #f3f3f3;
}

#meau>ul>li {
    width: 180px;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    border: 1px solid #f3f3f3;
}

#meau>ul>li:hover {
    border: 1px solid #ff6600;
    border-right: none;
    background-color: white;
    position: relative;
    z-index: 300;
}

#meau ul li:hover a {
    color: #ff6600;
}

#meau ul li a {
    font-size: 14px;
    color: black;
}

.meau-right {
    position: relative;
    ;
    z-index: 100;
}

/* 二级导航栏 */
.sub-nav {
    width: 472px;
    padding: 16px 66px 30px 34px;
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 200;
    background-color: white;
    border: 1px solid #ff6600;
    display: none;
}

.sub-nav:hover {
    display: block;

}

.sub-nav>ul>li:nth-child(odd) {
    padding-top: 4px;
    padding-bottom: 16px;
}

.sub-nav>ul>li:nth-child(even) {
    padding-bottom: 4px;
}

.sub-nav>ul>li>span {
    padding-right: 8px;
    color: black;
    font-size: 12px;
}

.subnav-title {
    color: #ff6600;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    font-size: 14px;
}

#meau ul li:hover+div {
    display: block;
}


/* 乐购今日推荐 */
.pour-time{
    background-color: #ff6600;
    color: white;
    text-align: center;
    font-size: 20px;
    letter-spacing: 4px;
    padding-top: 20px;
}

.hot-title {
    border-bottom: 6px solid #ff6600;
    margin-top: 40px;
    cursor: pointer;

}

.hot-title>h2:hover {
    color: #ff6600;

}

.product-box {
    width: 1188px;
    margin: 0 auto;
    border-left: 2px solid #ff6600;
}

.product-box div {
    width: 196px;
    height: 246px;
    border-right: 2px solid #ff6600;
    border-bottom: 2px solid #ff6600;
}

.product-img {
    display: block;
    width: 150px;
    margin: 0 auto;

}

.price {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 乐购电子书 */
.book-left {
    width: 904px;

}

.book-left-title {
    border-bottom: 6px solid #ff6600;
    padding-right: 24px;

}

.book-title li {
    padding: 5px;
    cursor: pointer;
}

.active {
    background-color: #ff6600;
    color: white;
}

.book-meau {
    text-indent: 6px;
}

.book-meau li {
    width: 236px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    background-color: #f3f3f3;
}

.book-meau li a {
    color: black;
}

.book-meau li>a:nth-child(1) {
    display: block;
    width: 78px;
}

.book-meau li>a:nth-child(2) {
    display: block;
    width: 80px;
}

.book-meau li>a:nth-child(3) {
    display: block;
    width: 76px;
}

.book-detail {
    width: 664px;
    border-left: 2px solid #cccccc;
}

.book-detail>div {
    width: 164px;
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    text-indent: 6px;

}

.book-detail>div:nth-child(1) {
    width: 330px;
    height: 221px;
    background-color: red;
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
}

.book-detail div p:nth-child(1) {
    padding-top: 14px;
    padding-bottom: 10px;

}

.book-detail div p:nth-child(2) {
    padding-bottom: 10px;

}

.book-detail div p:nth-child(4) {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 14px;

}

.book-right {
    padding-left: 8px;
    margin-left: 12px;
    border: 2px solid #cccccc;
    margin-top: 36px;
}


.book-right>h2 {
    margin-top: 7px;
    margin-bottom: 10px;
    text-align: center;
}

.bookList>li {
    line-height: 42px;
}

.bookList>li img {
    width: 112px;
    height: 147px;
}

.bookList>li>p {
    width: 245px;
    margin-left: 10px;
    font-size: 14px;
    border-top: 1px solid #cccccc;

}

.bookList>li>div {
    width: 245px;
    display: none;
}

.bookList>li:first-child>div {
    display: block;
}

.bookList>li:first-child>p {
    border-top: none;
    display: none;
}


.book-text {
    display: inline-block;
    width: 105px;
    height: 116px;
    line-height: 20px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}



/* 乐购服装 */
.cloth-box{
    margin-top: 40px;
}


.cloth-box>ul:nth-child(1)>li {
    padding-left: 40px;
    cursor: pointer;
    font-weight: bold;
}


.cloth-title>ul>li {
    padding: 5px;
    cursor: pointer;
}

.cloth-title{
    border-bottom: 6px solid #ff6600;
}



.cloth-meau li {
    width: 236px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    background-color: #f3f3f3;
    text-indent: 4px;
}

.cloth-meau li a {
    display: inline-block;
    color: black;
    width: 72px;
}

/* 服装轮播图 */
.cloth-slide>div {
    width: 440px;
    height: 334px;
    background-color: red;
    border: 2px solid #cccccc;
    border-top: none;
}

.cloth-slide>img {
    width: 442px;
    height: 154px;
    border: 2px solid #cccccc;
    border-top: none;
    border-left: none;

}

/* 服装详情 */
.cloth-detail {
    width: 519px;
    font-size: 0;
}

.cloth-detail>img {
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
}

.cloth-logo {
    font-size: 0;
}

/* 乐购家居 */
.home-detail {
    width: 692px;
    border-left: 2px solid #cccccc;
    ;
    font-size: 0;
}

.home-img {
    width: 506px;
    height: 492px;

}

.home-detail>img {
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;

}

/* 推广商品 */
.product-title {
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 6px solid #ff6600;
}

.product-title>li:hover {
    color: #ff6600;
}

.product-detail {
    width: 1196px;
    margin: 0 auto;
    margin-top: 4px;
}

.product-detail>div {
    width: 152px;
    height: 240px;
    padding: 32px;
    background-color: white;
    margin-right: 22px;
}

.product-detail>div:hover {
    background-color: #f3f3f3;

}

/* 侧边栏 */
.slide-fluid {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -638px;
    width: 40px;
    height: 200px;
    /*  box-sizing: border-box;  */

}

.slide-fluid>ul>li {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;

}

/* 顶部固定搜索栏 */
.fixTop {
    position: fixed;
    top: 0;
    height: 100px;
    line-height: 100px;
    background-color: #ff6600;
    z-index: 500;
    display: none;
}

.fixTop>.searchForm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 侧边导航栏 */
.slideNav {
    width: 40px;
    /*    height: 200px; */
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -638px;
}

.slideNav li {
    background: url(../imgs/slidenav.png) no-repeat
}

.slideNav>ul>li {
    width: 40px;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    box-sizing: border-box;
    overflow: hidden;
}

.slideNav .slideNav-bg1 {
    background-position-y: 0;

}

.slideNav .slideNav-bg2 {
    background-position-y: -40px;
}

.slideNav .slideNav-bg3 {
    background-position-y: -80px;
}

.slideNav .slideNav-bg4 {
    background-position-y: -120px;
}

/* 回到顶部 */

.backTop {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    cursor: pointer;
    display: none;
}